body,html{padding:0px;margin:0px;height:100%;}
#app{height:100%;}
.wrap{width:1200px;margin:0px auto;}
.mini-wrap{width:500px;}
/*.home{background:url("/images/banner-bg.jpg") no-repeat;}*/
#page{}
#page-header{}
#page-body{}
#page-footer{}

.hide{overflow:hidden;}

.ck li{list-style: unset !important;margin: unset !important;padding: unset !important;}
.ck-content {
    height: 400px;
}

.rel{position:relative;}
.abs{position:absolute;}
/*img{line-height:20px !important;vertical-align: middle !important;}*/

a,a:hover{text-decoration: none;cursor: pointer;color:#409eff}

a.under{text-decoration: underline !important;}
a.under:hover{text-decoration: none !important;}

*{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-weight: 300;}
ul,li{list-style: none;padding:0px;margin:0px;}
*,:after,:before{box-sizing: border-box;}
.hand{cursor: pointer;}

.z { float: left; } .y { float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.block{display: block;width:100%;}
.inline-block{display: inline-block;}

.user-nav{height:55px;color:#fff;border-bottom:solid 1px rgba(255,255,255,.08);background:#2b303b;}
.center{text-align: center;}

.border-radius{border-radius:9999px;}

.mg-center{margin:auto;}

/*border*/
.border-bottom{border-bottom: 1px solid #e6e6e6;}
.border-top{border-top: 1px solid #e6e6e6;}
.border-left{border-left: 1px solid #e6e6e6;}
.border-right{border-right: 1px solid #e6e6e6;}

/*.el-dialog .el-dialog__body{padding:0px 20px 30px 20px !important;}*/
.line-height{line-height:30px;}
.line-height-0{line-height:0;}
.el-link{vertical-align: unset !important;}

.user-info{overflow: hidden;}
.user-info li{padding:0px 15px;}
.user-info li a{display: block;padding:0px 10px;line-height:50px;}
.user-info li a:hover,.user-info li.active a{color:#409EFF;}
.user-info .head-img{width:30px;height:30px;overflow:hidden;}
.user-info .head-img img{width:100%;}

.user-info-main li{}
.user-info-main li a{padding:0px 15px;display: block;position:relative;line-height:50px;height:50px;overflow:hidden;}
.user-info-main li a:hover{background:#ecf5ff;color:#66b1ff;}
.user-info-main li{margin:0px 5px;}
.user-info-main .head-img img{height:20px;border-radius: 50%;vertical-align: middle;margin-right:10px;}

.none-btn .el-upload{display: none !important;}

.top-nav .nav-item{cursor: pointer;line-height: 60px;display: inline-block;padding:0 15px;}
.top-nav .nav-item:hover{background-color: #eee;}

.el-tabs{display: flex;flex-direction: column;}
/*.el-tabs .el-tabs__header{flex:1}*/
.el-tabs .el-tabs__content{flex:1;background: #f4f4f4;}
.el-tab-pane{height:100%;padding:10px;}

.sub-menu-item{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.el-container{overflow:hidden;height:100%;}
.el-aside,.el-main{overflow-y: auto;overflow-x:hidden;}
.el-menu{border-right:0 none !important;}
/*.el-main{padding:0 !important;}*/
.el-header{padding:0 !important;}
.main-logo{height:50px;}
.el-upload-list__item{vertical-align: top;}

.el-submenu__title .fa,.el-menu-item .fa{width:24px;text-align: center;margin-right:5px;font-size:18px;vertical-align: middle;}
.bread-crumb{padding:10px 0;font-size:14px;}
.page-content-main{background:#fff;padding:15px;}
.null-data{padding:50px 0;}
.el-breadcrumb__inner.is-link{font-weight: 400;}
.el-input .el-input__count .el-input__count-inner,.el-textarea .el-input__count{line-height: normal;}

/*font*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}

.f-b{font-weight: bold !important;}
.f-n{font-weight:normal !important;}

/*margin*/
.margin-top{margin-top:10px !important;}
.margin-left{margin-left:10px !important;}
.margin-right{margin-right:10px !important;}
.margin-bottom{margin-bottom:10px !important;}

/*padding*/
.padding{padding:10px !important;}
.padding-20{padding:20px !important;}
.padding-top{padding-top:10px !important;}
.padding-left{padding-left:10px !important;}
.padding-bottom{padding-bottom:10px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-bottom-30{padding-bottom:30px !important;}
.padding-right{padding-right:10px !important;}
.padding-left-right{padding-left:10px !important;padding-right:10px !important;}
.padding-left-right-20{padding-left:20px !important;padding-right:20px !important;}
.padding-top-bottom{padding-top:10px !important;padding-bottom:10px !important;}
.padding-top-bottom-20{padding-top:20px !important;padding-bottom:20px !important;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }

/*color*/
.dark-0{color:#000;}
.dark-1{color:#303133;}
.dark-2{color:#606266;}
.dark-3{color:#909399;}
.dark-4{color:#C0C4CC;}

.gray-0{color:#DCDFE6;}
.gray-1{color:#E4E7ED;}
.gray-2{color:#EBEEF5;}
.gray-3{color:#F2F6FC;}

.brand{color:#409EFF;}
.success{color:#67C23A;}
.warning{color:#E6A23C;}
.danger{color:#F56C6C;}
.info{color:#909399;}
.light{color:#fff;}
.transparent{color:transparent !important;}

.bg-dark-0{background:#000;}
.bg-dark-1{background:#303133;}
.bg-dark-2{background:#606266;}
.bg-dark-3{background:#909399;}
.bg-dark-4{background:#C0C4CC;}

.bg-gray-0{background:#DCDFE6;}
.bg-gray-1{background:#E4E7ED;}
.bg-gray-2{background:#EBEEF5;}
.bg-gray-3{background:#F2F6FC;}

.bg-brand-0{background:#409EFF;}
.bg-brand-1{background:#54A8FF;}
.bg-brand-2{background:#67B0FF;}
.bg-brand-3{background:#79BBFF;}
.bg-brand-4{background:#8CC5FF;}


.bg-success-dark{background:rgb(225, 243, 216);}
.bg-success-light{background:rgb(240, 249, 235);}
.bg-warning-dark{background:rgb(250, 236, 216);}
.bg-warning-light{background:rgb(253, 246, 236);}
.bg-danger-dark{background:rgb(253, 226, 226);}
.bg-danger-light{background:rgb(254, 240, 240);}
.bg-info-dark{background:rgb(233, 233, 235);}
.bg-info-light{background:rgb(244, 244, 245);}


.bg-light{background:#fff;}
.bg-transparent{background:transparent !important;}

.line{padding:15px 0px;}
.line:after{
    content: '';
    display: block;
    width:100%;
    height:0px;
    border-top:1px solid #dcdfe6
}

.copy-input{background-color: transparent;border: none;color:rgba(255,255,255,.1)}

.flex{display: flex;}

.dialog-h-300 .el-dialog__body{height:300px;overflow-y: auto;padding-top:10px !important;}
.dialog-h-400 .el-dialog__body{height:400px;overflow-y: auto;padding-top:10px !important;}
.dialog-h-500 .el-dialog__body{height:500px;overflow-y: auto;padding-top:10px !important;}

.form-icon{border:1px solid #eee;font-size:32px;display: inline-block;text-align: center;height:50px;line-height:50px;width:50px;vertical-align:middle;}

.width-transition{transition: all .3s}

.miihe-upload-item{position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    font-size: 20px;
    opacity: 0;
    background-color: rgba(0,0,0,.5);
    transition: opacity .3s;}

.miihe-upload-item:hover {
    opacity: 1;
}

.miihe-upload-item:hover span {
    display: inline-block;
}

.miihe-upload-item span {
    display: none;
    cursor: pointer;
    line-height:40px;
    margin:0 10px;
}
.miihe-upload-item span i{
    color:#fff;
    font-size:20px;
}
.pro-body:hover .pro-body-button{
    display: inline-block;
}
.pro-body .pro-body-button{
    display: none;
}
